<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>人员名称</title>

</head>
<body >

<div class="layui-form">
    <table class="layui-table">
        <div class="search">
            <div class="layui-inline">
                <div class="layui-input-inline" style="width:120px">
                    <input type="text" name="title"  placeholder="请输入关键字" class="layui-input">
                </div>
            </div>
            <button  class="layui-btn ml20 ">搜索</button>
            <div class="layui-btn add6 ">添加</div>
        </div>
        <thead>
        <tr>
            <th>人员名称</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>诸葛建国</td>
            <td>
                <span class="cz bj6">编辑</span>
                <span class="cz sc">删除</span>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="fy">这里放分页</div>
</div>



<script src="../public/layui/layui.js"></script>
<script>
    var form1;
    layui.use(['form','element'], function() {
        var form = layui.form;
        form1 = layui.form;

    })


    //    人员名称
    $(".add6").click(function () {
        layer.open({
            type: 1,
            shadeClose: true,
            title: '添加人员',
            area: ['400', '100'],
            content: '<div class="layui-form-item" style="padding: 20px 20px 0 0;"><label class="layui-form-label" >人员名称</label><div class="layui-input-block" ><input type="text"   placeholder="请输入人员名称" class="layui-input"></div></div>',
            btn: ['保存'],
            btnAlign: 'c'
        });
    });

    $(".bj6").click(function () {
        layer.open({
            type: 1,
            shadeClose: true,
            title: '编辑人员',
            area: ['400', '100'],
            content: '<div class="layui-form-item" style="padding: 20px 20px 0 0;"><label class="layui-form-label" >人员名称</label><div class="layui-input-block" ><input type="text"  placeholder="请输入人员名称" class="layui-input"></div></div>',
            btn: ['保存'],
            btnAlign: 'c',

        });
    });


    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });

    });



</script>

</body>
</html>